<template>
	<div class="swiper">
		<div class="recommend">
			<RecommendNav />
			<RecommendContent :recommendItemData="data"/>
		</div>
		<div class="news"></div>
	</div>
</template>

<script setup>
	import RecommendNav from "./RecommendNav.vue";
	import RecommendContent from "./RecommendContent.vue";
	import { onMounted,provide} from "vue";
	const props = defineProps({
		data: {
			type: Array,
			default: () => []
		}
	})
</script>

<style lang="less" scoped>
	.swiper {
		background: #333;
		padding: 120px 0 50px 0;

		.recommend {
			width: 1400px;
			margin: 0 auto;
		}
	}
</style>